/*
 Theme Name:  ATM Solutions
 Description:  Blank Slate Child Theme
 Author:          Rent Manager
 Author URI:   http://rentmanager.com
 Template:     blankslate
 Version:      1.0.0
*/ 

@import url("../blankslate/style.css");
@import url(//fonts.googleapis.com/css?family=Metrophobic); /*font-family: 'Metrophobic', sans-serif;*/
@import url(//fonts.googleapis.com/css?family=Lusitana); /*font-family: 'Lusitana', serif;*/

html { 
    background: #464646;
    border: none;
    padding:0px;
    margin:0px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Metrophobic', sans-serif;
    background: #dedede;
    border-top:5px solid #930026;
    background:#fff;    
}

#wrapper { 
    border: none; 
}

#container { 
    border: none;
}

#content {
    padding:0px 0px 0px 0px;
}

.page-wrap {
    width: 1200px;
    margin: 0px auto;
}

.page-wrap .home {
    height:350px;
}

.entry-content.home {
    padding:0px; 
}

.entry-content {
    padding:0px 0px 30px 0px; 
}

/* Typography -------------------------------------------------------*/

a {
    color:#097cc4;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5 {
    font-family: 'Lusitana', serif;
}

h1 {
    font-family: 'Lusitana', serif;
    font-size:40px;
    margin:20px 0px;
}

h2 {
    color:#097cc4;
    margin:10px 0px 0px 0px;
    font-size:25px;
    line-height:36px;
}

h2 a {
    text-decoration: none;
    color:#097cc4;
}

h2 a:hover {
    text-decoration: underline;
}

h3 { 
    margin:35px 0px 15px 0px;
    font-size:20px;
    line-height:30px;
}

ul {
    list-style: disc;
    padding:0px 15px;
    margin:15px 0px;
    line-height:22px;
    font-size:14px;
}

ol {
     list-style: disc;
    padding:0px 15px;
    margin:0px 0px;
    line-height:22px;
    font-size:14px;
}

p.section {
    background: #f5f5f5;
    padding:15px;
}

p {
    line-height:26px;
    margin:5px 0px 20px 0px;
    text-align:justify;
    color:#444;
}

strong { 
    font-weight: bold;
}

.top-nav-bar {
    background: #dedede;
    padding:3px 0px 6px 0px;
    border-bottom:1px solid #cecece;
}

.top-nav-bar .phone {
    width:110px;
    float:left;
    position:relative;
    top:4px;
    left:0px;
}

.top-nav-menu {
    width:370px;
    float:right;
    text-align:right;
    text-transform: lowercase;
}

.top-nav-menu ul { 
    list-style: none;
    padding:0px;
    margin:0px;
}

.top-nav-menu li {
    display: inline;
    color:#861634;
    margin:0px 8px;
}

.top-nav-menu a {
    font-size:13px;
    color:#333;
    text-decoration: none;
}

.top-nav-menu a:hover {
    text-decoration: underline;
}

.blue-btn {
    display: inline-block;
    float:right;
    padding:16px 48px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    color:#1b5c85;
    text-decoration: none;
    background:#ddd;
}

.blue-btn:hover {
    background:#1b5c85;
    color:#fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none;
}

.home-btn {
    background: url(../../../images/home-icon.png) 0px 0px no-repeat;
    padding-left:28px;
    display: inline-block;
}
.careers-btn {
    background:url(../../../images/careers-icon.png) 0px 0px no-repeat;
    padding-left: 20px;
    display: inline-block;
}
.contact-btn {
    background:url(../../../images/contact-icon.png) 0px 4px no-repeat;
    padding-left: 25px;
    display: inline-block;
}

header {
    border-bottom: 1px solid #dcdbd9;
    height:75px;
    padding:15px 0px 0px 0px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    background: #fff;
}

#site-title {
    width:342px;
    float:left;
    z-index:11;
}

#site-title .logo {
    z-index:11;
}

#menu {
    float: right;
    width:853px;
    position: relative;
    top:18px;
    left:0px;
    text-align:right;
}

nav {
}

nav ul { list-style: none; padding:0px; margin:0px; }

nav li {
    display: inline;
}

nav a {
    font-size:13px;
    color:#861634;
    text-decoration: none;
    margin-left:8px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

nav a:hover {
    color:#269ae3;
    text-decoration: none;
}

footer {
    background:#464646;
    color:#fff;
    text-align:center;
    padding:15px 0px;
    -webkit-box-shadow: inset 0px 10px 5px -5px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0px 10px 5px -5px rgba(0,0,0,0.50);
    box-shadow: inset 0px 10px 5px -5px rgba(0,0,0,0.50);
    position: relative;
    top:0px;
    left:0px;
}

.footer-nav li { 
    display: inline;
    margin:0px 8px;
}

.footer-nav a { 
    color:#ddd;
    font-size:12px;
    text-decoration: none;
    margin:0px 10px;
}

.footer-nav a:hover {
    color:#fff;
}

#copyright {
    color:#d1d0d0;
    font-size:12px;
    margin:15px 0px 5px 0px;
}

.slide-overlay {
    position: relative;
    top: -128px;
    padding:25px 0px;
    left: 0px;
    z-index:1000;
    background: rgba(0,0,0,0.85);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.85)), color-stop(100%, rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    width:100%;
}

.slide-overlay .text {
    font-family: 'Lusitana', serif;
    color:#fff;
    font-size:32px;
    position: relative;
    left:50px;
    width:65%;
}

.slide-overlay .button {
    width:30%;
    float:right;
    text-align:right;
}

.slide-overlay .button a {
    background:#2085c4;
    font-size:18px;
    color:#fff;
    font-family: 'Lusitana', serif;
    display: inline-block;
    text-align:center;
    position:relative;
    top:-43px;
    left:-50px;
    text-decoration:none;
    padding:20px;
}

.slide-overlay .button a:hover {
    background:#2085c4;
}

.home-icon-bar {
    border-bottom:1px solid #d7d6d3;
    padding:0px 0px 20px 0px;
    margin:-5px 0px 0px 0px;
    /*background:#bbb;*/
}

.home-icon-bar .page-wrap {
    margin:0px auto;
    text-align:center;
}

.home-icon-bar a {
    text-decoration: none;
    color: #0e4b71;
    font-weight: bold;
    font-size: 14px;
		padding:5px;
}

.home-icon {
    display: inline-block;
    font-family: 'Lusitana', serif;
    width:18%;
    height:65px;
    text-align:center;
    border-radius:25px;
    border:1px solid #fff;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    margin:0px 0px;
}

.home-icon:hover {
    background: #fff;
    border:1px solid #e0e0e0;
}
/*
.home-icon.middle1  {
    margin:0px 22px 0px 22px;
}

.home-icon.middle2  {
    margin:0px 22px 0px 0px;
}

.home-icon .content {
    position:relative;
    left:0px;
 }
*/
/*  Testimonials */

.testimonials {
    /*background:#2085c4;*/
    background:#871328;
    padding:20px 0px 10px 0px;
    color:#fff;
    font-family: 'Lusitana', serif;
    font-size:18px;
    line-height:24px;
    box-sizing:border-box;
    height:80px;
}

.testimonial { 
    width:65%;
    float:left;
}

.testimonial:before {
    content: open-quote;
}

.testimonial:after {
    content: close-quote;
}

.testimonials .author {
    width:35%; 
    float:right;
    text-align:right;
    font-family: 'Metrophobic', sans-serif;
    color:#ddd;
    font-size:16px;
    position: relative;
    top:-2px;
    left:0px;
}

/* Products */

 .product-heading {
    border-bottom:1px solid #e4e3e2;
    background: rgba(229,229,229,1);
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7', GradientType=0 );
    padding:15px 0px;
    font-size:24px;
    color:#222;
}

.products {
    background:#fff;
    padding:30px 0px;
}

.products p {
    color:#0e4b71;
    font-size: 14px;
}

.product-logos {
    width:100%;
    padding:0px;
    box-sizing: border-box;
     -webkit-box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
}

.product-logos .logo {
    float: left;
    cursor: pointer;
    margin:0px;
    height:60px;
    border:1px solid #eee;
    width:198px;
}

.product-logos .logo img {
    height: 60px;
}

.product-logos .logo:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.product-image {
    float: right;
}

.product-image img {
    width:580px;   
}

.sales-logo {
    background:#fff;
    padding:5px;
    border: 3px solid #eee;
    border-radius:2px;
    margin:15px 20px 15px 0px;
}

.sales-logo:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
    box-shadow: 0px 0px 5px 0px rgba(136,136,136,1);
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.float-left {
    float: left;
    margin:8px 35px 30px 0px;
}

.float-left:after {
    clear:both;
}

.float-right:after {
    clear:both;
}

.float-right {
    float: right;
    margin:8px 0px 25px 35px;
}
.clear {
clear:both;
}
.image-border { 
    padding:3px; border-radius:2px; border:1px solid #eee; background-color:#fff; 
    -webkit-box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
    box-shadow: 0px 5px 5px 0px rgba(238,238,238,1);
}

.content-block {
    padding:0px 15px;
    background:#f5f5f5;
    border:1px solid #eee; 
    text-align:left;
}

.content-block:after {
    clear: both;
}

.service-icon {
    position: relative;
    top:15px;
    left:0px;
    margin:0px 10px 0px 5px; 
}

/*  Contact Form ------------------------------------------------------------------*/

#wpcf7-f85-p26-o1 {
    padding:25px;
    background:#f5f5f5;
    width:345px;
    border:1px solid #e0e0e0;
    float:left;
}

.wpcf7 {
    padding:25px;
}

.wpcf7-submit {
    background: rgba(177,41,41,1);
    background: -moz-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,41,41,1)), color-stop(100%, rgba(151,31,31,1)));
    background: -webkit-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -o-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -ms-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: linear-gradient(to bottom, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12929', endColorstr='#971f1f', GradientType=0 );
    font-size:18px;
    color:#fff;
    font-family: 'Lusitana', serif;
    display: inline-block;
    text-align:center;
    position:relative;
    top:0px;
    left:0px;
    text-decoration:none;
    padding:15px;
    max-width:300px;
    border: none;
    cursor: pointer;
}

.wpcf7-submit:hover {
    background:#bb2d2d;
}

.submit-btn {
    background: rgba(177,41,41,1);
    background: -moz-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,41,41,1)), color-stop(100%, rgba(151,31,31,1)));
    background: -webkit-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -o-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -ms-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: linear-gradient(to bottom, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12929', endColorstr='#971f1f', GradientType=0 );
    font-size:18px;
    color:#fff;
    font-family: 'Lusitana', serif;
    display: inline-block;
    text-align:center;
    position:relative;
    top:0px;
    left:0px;
    text-decoration:none;
    padding:10px 20px;
    border: none;
    border-radius:2px;
}

.submit-btn:hover {
    background:#bb2d2d;
    text-decoration: none;
}

.wp-caption {
    display: inline;
    float:left;
    text-align:center;
    padding-bottom:10px;
}

.wp-caption:hover {
    background:#f0f0f0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wp-caption-text {
    text-align:  center;
    background:#eee;
    border:1px solid #ddd;
    border-radius:2px;
    width:90%;
    padding:5px 0px;
    margin:0px auto;
}

.wp-caption:hover .wp-caption-text {
    background:#fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.contact-info {
    width:500px;
    float:left;
}

.contact-info img {
    width:100%;
    height:auto;
}

.contact-info .spacer {
    height:1px;
    background:#ddd;
    margin:25px 0px;
}

.contact-form h2 {
    margin:-20px 0px 20px 0px;
    display: inline-block;
}

.contact-form {
    width:400px;
    float:right;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
    width:100%;
}

div.wpcf7 input[type="submit"] {
     background: rgba(177,41,41,1);
    background: -moz-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,41,41,1)), color-stop(100%, rgba(151,31,31,1)));
    background: -webkit-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -o-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: -ms-linear-gradient(top, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    background: linear-gradient(to bottom, rgba(177,41,41,1) 0%, rgba(151,31,31,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12929', endColorstr='#971f1f', GradientType=0 );
    font-size:18px;
    color:#fff;
    font-family: 'Lusitana', serif;
    display: inline-block;
    text-align:center;
    position:relative;
    top:0px;
    left:0px;
    text-decoration:none;
    padding:10px 20px;
    border: none;
    border-radius:2px;
}

div.wpcf7 input[type="submit"]:hover {
   background:#bb2d2d;
    text-decoration: none;
}

.atm-pad {
    padding: 10px 0px;
}

@media (max-width: 768px) {
    .page-wrap { width:100%; box-sizing: border-box; padding:0px 20px; }
    .page-wrap .home { display: none; }
    .top-nav-bar { text-align:center; box-sizing:border-box }
    .top-nav-menu { float: none; text-align: center; text-transform: lowercase; width: 260px; margin:0px auto; }
    #site-title { float: none; z-index: 11; margin:0px auto; text-align:center; }
    #site-title .logo { margin:0px auto; text-align:center; }
    .entry-content { text-align:center; box-sizing: border-box; }
    h1 { text-align:center; box-sizing:border-box; }
    h3 { line-height:28px; }
    .testimonials {  padding:10px 0px; color:#fff; font-family: 'Lusitana', serif; font-size:16px; line-height:30px; box-sizing:border-box; height:auto; }
    .testimonial { width:98%;  float: none; margin:0px auto; display:block; box-sizing:border-box; text-align:center; }
    .testimonials .author { width:98%; float: none; text-align:center; display: block; box-sizing:border-box; font-size:14px; border-top:1px solid #bf354e; margin-top:5px; line-height: 18px; padding-top:6px; }
    .home-slider { display: none; }
    .home-icon { display: block; width:98%; height:75px; text-align:center; border-radius:25px; margin:10px auto; }
    .home-icon.middle1  { margin:10px auto; }
    .home-icon.middle2  { margin:10px auto; }
    .product-logos .logo { float: none; width:100%; }
    .home-icon-bar { padding:20px 0px 20px 0px; }
    .top-nav-bar .phone { width:110px; float: none; position:relative; top:4px; left:0px; margin:0px auto 10px auto; }
    .wp-caption { display: block; float: none; text-align:center; padding-bottom:10px; margin:0px auto; }
    .float-right { float: none; width:98%; height:auto; margin:0px auto; display: block; }
    .float-left { float: none; width:98%; height:auto; margin:0px auto; display: block; }
    .sales-logo { margin:15px auto; width:98%; max-width:300px; text-align:center; height:auto; }
    .contact-info { width:98%; margin:0px auto; float:none; text-align:center; }
    .contact-info p { text-align:center; }
    .contact-form { width:90%; float: none; margin:0px 0px 0px -20px; }
    .contact-form form { width:100%;}
    .contact-form textarea{ width:100%;}
    .wpcf { float:none;  margin:0px auto; }
    .contact-form input[type="text"] { width:100%; }
     .contact-form input[type="email"] { width:100%; }
    #wpcf7-f85-p26-o1 { float: none;  width: 100%; }
    .floatImg, .floatImgTwo{width:98%; height:auto;}
}

@media (max-width: 330px) {
     #site-title { float: none; width: 100%; z-index: 11; margin:0px auto; text-align:center; }
     #site-title .logo { width:100%; margin:0px auto; text-align:center; }
      header { height:65px; box-sizing:border-box; }
      h1 { text-align:center; box-sizing:border-box; font-size:24px; margin:30px 0px 15px 0px; font-size:28px; }
      h3 { line-height:28px; }
}

/*****SMART SAFE PAGE*****/

.twoCol{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top:3em;
}

.floatText{
    padding:3em;
}
.floatText h1{
    color:#871328;
}
.floatLogo{
    margin:0 auto;
    display:block;
} 

.pdfLink{
    text-align: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 90%;
    padding: 5px 0px;
    margin: 0px auto;

}
.pdfLink:hover{
    background-color: #ffffff;
    cursor: pointer;
}
.pdfLink a{
    color:#000000;
}
.pdfLink a:hover{
    text-decoration: none;

}